<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05-伪类选择器</title>
    <style>
      /*伪类通过冒号来定义，它定义了元素的状态，如点击按下、点击完等等，我们之前都是直接操作元素的样式，
      现在可以为元素的状态改样式，使元素看上去更“动态”。*/
      a:hover{
          /*当鼠标悬停,选中元素变红色并且有红色下划线*/
          color: red;
      }
      /*当鼠标按下，选中的元素变绿色*/
      a:active{
          color: darkgreen;
      }
      /*当鼠标按下之后，选中的元素变橙色*/
      a:visited{
          color: coral;
      }
    </style>
</head>
<body>
    <div class="block">我是一个div标签</div>
    <br>
    <a href="#">百度一下</a>
</body>
</html>